<template lang="pug">
  .col-12
    .row
        .col-3
            router-link(to="/")
                i.icon-home
                span 首页
        .col-3
            router-link(to="community")
                i.icon-community
                span 圈子
        .col-3
            router-link(to="order")
                i.icon-order
                    i.path1
                    i.path2
                    i.path3
                    i.path4
                    i.path5
                span 订单
        .col-3
            router-link(to="my")
                i.icon-my
                span 我的
</template>
<script>
export default {
  name: 'footer-nav'


}
</script>
<style lang="stylus" scoped>
@import "../../assets/stylus/global.styl"
    
.col-12
    .row
        $height()
        .col-3
            a 
                flex-flow()
                $height()
                padding-top 10px
                inherit()
                &:hover
                    color #ff5831
                i[class^="icon-"]
                    font-size 2em
            a[class~="active"]
                color #ff5831
</style>


